<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册</title>
<script type="text/javascript" src="static/layui/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="static/layui-v2.5.3/layui/layui.js"></script>
<link rel="stylesheet" href="static/layui-v2.5.3/layui/css/layui.css">
<link rel="stylesheet" href="static/bootstrap/css/bootstrap.css">
<script type="text/javascript" src="static/bootstrap/js/bootstrap.js"></script>

<style type="text/css">
* {
	margin: 0;
	padding: 0;
}

body {
	background: url("static/images/1.jpg");
}

#header {
	background: #E6E6E6;
	width: 100%;
	height: 70px;
	opacity: 0.7;
	/* position: fixed; */
	line-height: 70px;
}

#register {
	width: 40%;
	margin: 0 auto;
	height: 500px;
	margin-top: 50px;
	box-shadow: 10px 0px 30px 10px #abcdef inset;
}

.line {
	display: inline-block;
	width: 25%;
	border-top: 1px solid #cccccc;
	vertical-align: 7px;
}

#tvt {
	font-family:'宋体';
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 23px;
	margin-top: 30px;
	margin-bottom: 20px;
}
</style>
</head>
<body>
<div id="header">
		<a href="login"style="margin-left: 20px;" class="layui-icon layui-icon-left"> 返回首页</a>
	</div>
	<div id="register" style="padding: 20px;">
	<div style="text-align: center;">
		<img alt="" src="static/images/logo.png">
	</div>
	<div id="tvt">
		<span class="line"></span>
		<span class="text">读者注册</span>
		<span class="line"></span>
	</div>
		<form class="layui-form" action="saveuser" method="post">
		<div style="float: left;width: 50%">
			 <div class="layui-form-item">
				 <label class="layui-form-label">用户名</label>
				 <div class="layui-input-block">
				 	<input type="text" name="username"class="layui-input" placeholder="请输入用户名" lay-verify="required" required>
				 </div>
			 </div>
			 <div class="layui-form-item">
				<label class="layui-form-label">密码</label>
				<div class="layui-input-block">
					<input type="text"value="默认密码123456"class="layui-input"disabled="disabled"lay-verify="required" required >
				</div>
			</div>
			 <div class="layui-form-item">
				<label class="layui-form-label">姓名</label>
				<div class="layui-input-block">
					<input type="text" name="name" class="layui-input"placeholder="请输入姓名"lay-verify="required" required>
				</div>
			</div>
		
		</div>
		<div style="float:left;  width:50%">
		 <div class="layui-form-item">
			<label class="layui-form-label">手机号</label>
			<div class="layui-input-block">
				<input type="text" name="phone" class="layui-input"placeholder="请输入手机号"lay-verify="required" required>
			</div>
		</div>
		
		 <div class="layui-form-item">
		 	<label class="layui-form-label">性别</label>
		 	 <div class="layui-input-block">
		 	 	<select name="sex" lay-verify="required">
					<option>男</option>	
					<option>女</option>	
				</select>
		 	 </div>
		 </div>
		 <div class="layui-form-item">
			<label class="layui-form-label">年龄</label>
			<div class="layui-input-block">
				<input type="text"name="age" class="layui-input"placeholder="请输入年龄"lay-verify="required" required>
			</div>
		</div>
			</div>
			<div style="width: 100%; float: left;padding-left: 170px;padding-right: 100px;margin-top: 20px;">
			
				<button class="btn btn-info" style="width: 100%;text-align: center;"type="submit">注册</button>
			</div>
			
		</form>
	</div>
	<script type="text/javascript">
		layui.use('form', function() {
			var form = layui.form;
			form.render();
		});
	</script>
</body>
</html>